<template>
  <div>
      <h1>登录</h1>
      账号：<input type="text" v-model="formUser.acc"/><br>
      密码：<input type="text" v-model="formUser.pwd"/><br>
      <button @click="handler">登录</button>
      <hr>
      <RouterView></RouterView>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import { useRouter } from 'vue-router'
/**
* 作业:
定制登录与Home 、Error三个界面，使用 全局导航守卫 。如果输入 账号:admin ， 密码: admin 则通行，如果输入账号、密码不是 admin， 则导航到Error界面，再点击 返回 按钮，再导航到 登陆界面重新登录。

*/
const router = useRouter()

const formUser = ref({
  acc: '',
  pwd:''
})

const handler = e => {
  sessionStorage.setItem('user',JSON.stringify({'acc':formUser.value.acc,'pwd':formUser.value.pwd}))
  router.replace('/home')
}

</script>

<style lang="scss" scoped>

</style>